/*   
Theme Name: Lunette
Theme URI: -
Description: Themes for Lunette
Author: eyesimple
Author URI: http://www.eyesimple.us
Version: -
*/

/*STYLE*/
@font-face { font-family: 'seganL'; src: url('fonts/Segan-Light.ttf') format('truetype'); }
@font-face { font-family: 'cherokee'; src: url('fonts/PlantagenetCherokee.ttf') format('truetype'); }
@font-face { font-family: 'quaver-sans'; src: url('fonts/quaver-sans.otf') format('opentype'); }
@font-face { font-family: 'bodon'; src: url('fonts/bodon.otf') format('opentype'); }
@font-face { font-family: 'bodon-bold'; src: url('fonts/bodon-bold.otf') format('opentype'); }

h1{ font-size: 30px; }
h2{ font-size: 18px; }
h3{ font-size: 16px; }
h4{ font-size: 14px; }
h5{ font-size: 13px; }

html{ min-height: 100%; height: 100%; background-color: #E9E9E9; margin-top: 0px !important; }
body{ height: auto; min-height: 100%; font-family: 'seganL'; background-color: #e9e9e9; width: 100%; min-width: 100%; position: absolute; }
a{ text-decoration: none; }
.container{ margin: 0 auto; width: 980px; position: relative; }
.clear{ clear: both; }
.bx-shadow{ -webkit-box-shadow:  0px 3px 2px 0px rgba(133, 133, 133, 0.75); box-shadow:  0px 3px 2px 0px rgba(133, 133, 133, 0.75); }
.fl{ float: left; }
.fr{ float: right; }

#jquery-overlay{ z-index: 200; }
#jquery-lightbox{ z-index: 300; }
#lightbox img{ max-width: 800px; width: auto; height: auto; }

.header{ width: 100%; z-index: 101; background-color: #fff; padding: 20px 0px; -webkit-box-shadow:  0px 2px 5px 0px rgba(92, 92, 92, 0.75); box-shadow:  0px 2px 5px 0px rgba(92, 92, 92, 0.75); position: fixed; top: 0px; }
.header img{ margin-left: 15px; }
.header .menu-main-menu-container{ margin-right: 15px; margin-bottom: 20px; }

.menu-main-menu-container{ float: right; position: absolute; bottom: 0px; right: 0px; }
.menu li{ margin-left: 20px; float: left; }
.menu a{ font-size: 15px; color: #5c5c5c; text-transform: uppercase; text-decoration: none; display: inline-block; }
.menu a:hover, .menu li.current-menu-item a{ color: #aa91b6; }

.content{ height: 100%; //margin-top: 145px; position: relative; z-index: 0; }

.footer-container{ position: fixed; bottom: 15px; width: 100%; }

.footer-menu{ z-index: 100; position: absolute; right: 0px; bottom: -72px; text-align: center; cursor: pointer; }
.footer-menu .snippet{ position: relative; bottom: 0; -webkit-border-radius: 50px; border-radius: 50px; background: #a389b1; min-height: 130px; padding: 17px 5px; width: 60px; float: right; margin-left: 5px; }
.footer-menu .snippet img{ margin-top: 5px; }
.footer-menu .snippet h3{ font-size: 14px; color: #fff; text-transform: uppercase; border-bottom: 1px solid #fff; padding-bottom: 3px; line-height: 15px; margin-bottom: 7px; }
.footer-menu .code.snippet label{ color: #fff; font-size: 12px; position: absolute; top: 4px; left: 5px; width: 50px; }
.footer-menu .code.snippet input[type="text"]{ border: none; border-bottom: 1px solid #fff; font-size: 20px; color: #fff; text-transform: uppercase; background: #976fbb; padding: 10px 5px; text-align: center; height: 25px; width: 50px; }
.footer-menu .code.snippet form{ position: relative; top: -7px; }
.footer-menu .code.snippet button{ background: none; border: none; font-size: 10px; color: #fff; font-style: italic; }

.footer{ width: 100%; background-color: #fff; position: fixed; bottom: 0px; padding: 20px 0px; z-index: 300; height: 20px; }
.footer .container{ padding: 0px !important; }
.footer #ticker{ width: 900px; }
.footer .bx-wrapper{ position: relative; }
.footer .bx-window{ margin: 0px 40px; }
.footer .bx-prev{ position: absolute; left: 0px; top: 1px; width: 0; height: 0; border-right: 15px solid #a48ab2; border-top: 7px solid transparent; border-bottom: 7px solid transparent; display: inline-block; }
.footer .bx-next{ position: absolute; right: -80px; top: 1px; width: 0; height: 0; border-left: 15px solid #a48ab2; border-top: 7px solid transparent; border-bottom: 7px solid transparent; display: inline-block; }
.footer .twitter-bird{ position: absolute; right: 40px; top: 2px; }
.footer .tweet_time{ float: right; margin-right: 30px; text-transform: none; font-size: 11px; color: #3f3f3f; margin-top: 5px; }
.footer .tweet_text{ font-size: 12px; color: #3f3f3f; }
.footer .tweet_list li{ text-align: center; }

.home{ overflow: hidden; }
.home .content{ text-align: center; padding: 0px; top: 0px; width: 100%; position: absolute; margin-top: 0px; z-index: 0; }
.home .content img{ max-width: 100%; width: 100%; }
.home .bx-pager{ position: fixed; bottom: 75px; width: 100%; text-align: center; z-index: 100; }
.home .bx-pager .pager-link{ width: 10px; height: 10px; background: grey; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: inline-block; text-indent: -9999px; margin-right: 3px; }
.home .bx-pager .pager-link:nth-last-child(1){ margin-right: 0px; }
.home .bx-pager .pager-active{ background: #fff; }

.box{ border-top: 2px solid #3f3f3f; border-bottom: 2px solid #3f3f3f; background: #fbfbfb; margin: 0px auto; width: 905px; }
.box-container{ border-top: 1px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; margin: 1px 0px; }
.box .box-header{ margin-top: 1px; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #656565; padding: 20px 0px; text-align: center; }
.box .box-header h4{ font-family: 'cherokee'; color: #3f3f3f; line-height: 20px; width: 690px; margin: 0 auto; }
.box .box-header .box-sidebar{ width: 169px; padding: 30px 0px; text-align: center;  float: left;}
.box .box-header .box-title{ position: relative; width: 530px; border-left: 1px solid #3f3f3f; border-right: 1px solid #3f3f3f; padding: 0px 20px; text-align: center; float: left; }
.box .box-header .box-title span{ z-index: 10; top: 45px; position: absolute; background: url('images/line.png') no-repeat; background-size: 100% 100%; width: 530px; display: block; height: 6px; }

.contact{ padding-bottom: 60px; }
.contact .box{ width: 901px; }
.contact .box .box-left{ border-bottom: 1px solid #656565; border-right: 1px solid #656565; margin-bottom: 1px; padding-bottom: 17px; padding-top: 20px; float: left; width: 350px; }
.contact .box .form, .contact .box .info{ position: relative; padding-left: 40px; padding-right: 20px; }
.contact .box .form input[type="text"]{ text-align: right; margin-left: -5px; width: 215px; padding: 5px 2px 5px 80px; border: none; border-bottom: 1px solid #808080; margin-bottom: 5px; font-size: 13px; color: #3f3f3f; background: #FBFBFB; }
.contact .box .form textarea{ margin-left: -5px; height: 60px; padding: 5px; width: 285px; border: 1px solid #727272; }
.contact .box .form label.outer-label{ margin-bottom: 2px; display: block; color: #3F3F3F; margin-left: -5px; font-size: 13px; }
.contact .box .form label.inline-label{ position: absolute; left: 35px; margin-top: 8px; color: #3f3f3f; font-size: 13px; z-index: 100; }
.contact .box .form input[type="submit"]{ border: none; background: #a389b1; color: #fff; text-transform: uppercase; padding: 10px; float: right; margin-top: -10px; margin-right: -2px; font-size: 10px; -webkit-border-radius: 0px 0px 50% 50%; border-radius: 0px 0px 50% 50%; }
.contact .box .info{ border-bottom: 1px solid #656565; padding-bottom: 25px; margin-bottom: 20px; }
.contact .box .info h5{ color: #3f3f3f; font-style: italic; margin-bottom: 5px; }
.contact .box .info p{ color: #3f3f3f; font-size: 13px; line-height: 15px; margin-bottom: 2px; }
.contact .box .maps{ height: 395px; border-bottom: 1px solid #656565; position: relative; float: left; }
div.wpcf7-mail-sent-ng{ border: none; }
div.wpcf7-response-output{ margin: 0px !important; padding: 0px !important; border: none !important; position: absolute; font-size: 12px; left: 35px; width: 210px; bottom: -20px; }
span.wpcf7-not-valid-tip{ background: none !important; border: none !important; color: red; }
.contact .touch{ position: absolute; top: 20px; right: 0px; width: 245px; color: #fff; font-size: 13px; background: #a389b1; text-align: center; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; padding: 3px 0px; }

.partners .box{ background: #f4f4f4; margin-bottom: 75px; position: relative; }
.partners .box-slider{ overflow: hidden; width: 905px; border-bottom: 1px solid #656565; }
.partners .box-slider .box-container{ float: left; position: relative; left: -1px; }
.partners .box-slider .slider-box:nth-last-child(1){ border-right: 1px solid #656565; }
.partners .box-slider .slider-box{ cursor: pointer; position: relative; padding: 25px 0px; float: left; height: 320px; text-align: center; width: 395px; border-left: 1px solid #656565; }
.partners .box-slider .slider-box.current .description{ display: block; }
.partners .box-slider .slider-box .description{ display: none; }
.partners .box-slider .slider-box img{ top: 50%; //margin-top: -25%; }
.partners .box-slider .slider-box.current img{ top: 0px; margin-top: 0px; }
.partners .box-slider .slider-box img{ max-width: 160px; max-height: 130px; position: relative; }
.partners .box-slider .slider-box h4{ padding: 10px 0px; text-align: center; width: 300px; margin: 0 auto; border-top: 1px solid #656565; border-bottom: 1px solid #656565; margin: 10px auto; }
.partners .box-slider .slider-box p{ font-family: 'quaver-sans'; font-size: 14px; color: #3f3f3f; line-height: 16px; width: 260px; text-align: center; margin: 0 auto; }
.partners .box-slider .slider-box a.url{ font-family: 'quaver-sans'; margin-top: 43px; display: inline-block; background: #a389b1; color: #fff; font-size: 11px; padding: 3px 15px; text-decoration: none; -webkit-border-radius: 10px; border-radius: 10px; }
.partners .box-slider-nav{ position: relative; overflow: hidden; width: 905px; padding: 5px 0px; }
.partners .box-slider-nav .nav-container{ margin: 0 auto; text-align: center; }
.partners .box-slider-nav a{ padding: 5px; width: 40px; height: 40px; background: #fff; overflow: hidden; display: inline-block; margin-right: 10px; }
.partners .box-slider-nav a:nth-last-child(1){ margin: 0; }
.partners .box-slider-nav a img{ max-width: 40px; max-height: 40px; }
.partners .container{ padding-bottom: 5px; }

.blog .blog-nav{ z-index: 100; top: 140px; position: fixed; left: 50%; margin-left: -567px; -webkit-border-radius: 0px 0px 75px 75px; border-radius: 0px 0px 75px 75px; background: #fff; -webkit-box-shadow:  0px 2px 5px 0px rgba(92, 92, 92, 0.75); box-shadow:  0px 2px 5px 0px rgba(92, 92, 92, 0.75); padding: 20px 0px; height: 15px; width: 1135px; margin-top: -20px; z-index: 100; }
.blog .blog-nav-container{ width: 775px; margin: 0 auto; }
.blog .blog-nav-container span.title{ padding-right: 15px; margin-right: 15px; border-right: 1px solid #595959; float: left; }
.blog .blog-nav .separator{ display: none !important; }
.blog .blog-nav span { font-size: 15px; display: inline-block; color: #3f3f3f; }
.blog #smart-archives-block{ float: left; margin-left: 100px; }
.blog #smart-archives-block li{ display: none; }
.blog #smart-archives-block li:nth-child(1){ display: block; }
.blog #smart-archives-block strong a{ color: #a389b1; font-size: 15px; margin-right: 65px; font-weight: bold; }
.blog #smart-archives-block span{ display: inline-block; margin-right: 15px; text-transform: uppercase; }
.blog #smart-archives-block span:nth-last-child(1){ margin-right: 0px; }
.blog #smart-archives-block li > .now{ border-bottom: 1px solid #a389b1; }
.blog #smart-archives-block li > .past{ font-style: italic; }
.blog #smart-archives-block li > a{ text-transform: uppercase; color: #a389b1; margin-right: 20px; font-size: 15px; display: inline-block; line-height: 18px; }

.blog .container{ padding-bottom: 75px; margin-top: 50px; }
.home.blog .container{ padding-bottom: 0px; margin-top: 0px; height: 20px; }
.home.blog .header .container{ height: auto !important; }
.blog .round{ display: inline-block; background: #fff; padding: 10px; width: 50px; height: 50px; -webkit-border-radius: 50%; border-radius: 50%; -webkit-box-shadow:  0px 3px 2px 0px rgba(133, 133, 133, 0.75); box-shadow:  0px 3px 2px 0px rgba(133, 133, 133, 0.75); }
.blog .round h1, .blog .round h2{ color: #3f3f3f; font-family: 'cherokee'; }
.blog .round h1{ line-height: 25px; font-size: 25px; }
.blog .round h2{ line-height: 18px; font-style: italic; text-transform: uppercase; font-size: 17px; }
.blog .blog-header{ width: 910px; margin: 10px auto; border-top: 2px solid #3f3f3f; border-bottom: 2px solid #3f3f3f; }
.blog .blog-date, .blog-title, .blog-views{ height: 74px; width: 149px; float: left; text-align: center; padding: 10px 0px; border-top: 1px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; margin: 1px 0px;  }
.blog .blog-title{ position: relative; width: 610px; padding: 20px 0px; height: 54px; border-left: 1px solid #3f3f3f; border-right: 1px solid #3f3f3f; }
.blog .blog-header .blog-title span{ z-index: 10; top: 45px; left: 20px; position: absolute; background: url('images/line.png') no-repeat; background-size: 100% 100%; width: 570px; display: block; height: 6px; }
.blog .blog-header .blog-title h1{ text-transform: uppercase; padding: 0px 20px; border-left: 1px solid #3f3f3f; border-right: 1px solid #3f3f3f; background: #e9e9e9; display: inline-block; position: relative; z-index: 20; }
.blog .blog-header .blog-title h3{ text-transform: uppercase; }
.blog .blog-title a{ color: #3f3f3f; }
.blog .blog-content, .blog .blog-footer{ width: 910px; margin: 0 auto; }
.blog .blog-content .blog-pic{ max-width: 910px; overflow: hidden; text-align: center; }
.blog .blog-content .blog-pic img{ border: 1px solid #fff; }
.blog .blog-footer{ margin-bottom: 20px; margin-top: 20px; border-top: 2px solid #3f3f3f; border-bottom: 2px solid #3f3f3f; }
.blog .blog-footer-container{ position: relative; margin: 1px 0px; padding: 20px 30px; border-top: 1px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; }
.blog .blog-footer p{ color: #3f3f3f; font-size: 20px; }
.blog .blog-footer p span{ font-size: 18px; }
.blog hr{ border-bottom: 1px solid #3f3f3f; width: 910px; margin: 10px auto 0px; }
.blog hr:nth-last-child(1){ display: none; }
.blog .year-arrow{ position: absolute; top: 5px; right: -50px; }
.blog .year-list{ position: absolute; top: 20px; left: 278px; width: 55px; }
.blog .year-list > ul{ background: #fff; }
.blog .year-list li{ color: #A389B1; font-size: 15px; margin-right: 65px; font-weight: bold; display: none; cursor: pointer; position: relative; }
.blog .year-list li:nth-child(1){ display: block; }
.hide{ display: none !important; }

.blog.detail .prev-nav, .blog.detail .next-nav{ position: absolute; top: 22px; }
.blog.detail .next-nav{ right: 0px; }
.blog.detail .prev-nav{ left: 0px; }
.blog.detail .prev-nav a, .blog.detail .next-nav a{ color: #3f3f3f; font-size: 20px; font-family: 'cherokee'; }
.blog.detail .social{ width: 310px; margin: 0 auto; }
.blog.detail .detail-content .separator{ border-top: 2px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; height: 1px; margin: 20px 0px 30px; }
.blog.detail .detail-content img{ margin-bottom: 10px; }
.blog.detail .detail-content p{ font-family: 'bodon'; color: #3f3f3f; font-size: 17px; line-height: 19px; text-align: justify; padding: 0px 10px; }
.blog.detail .detail-content p b{ font-family: 'bodon-bold'; font-size: 40px; }

.blog .blog-comments{ margin-top: 20px; width: 910px; margin: 0 auto; }
.blog .blog-comments input[type="submit"]{ background: none; border: 1px solid #656565; padding: 5px; }
.blog .blog-comments input[type="text"], .blog .blog-comments textarea{ margin-top: 10px; }

.about.box{ width: 910px; background: #f4f4f4; overflow: hidden; margin-bottom: 75px; }
.about .box-header{ padding: 0px; }
.about .box-sidebar{ height: 40px; position: relative; }
.about .box-sidebar a{ position: absolute; top: 50%; margin-top: -25%; width: 139px; right: 15px; }
.about .box-title{ height: 20px; padding: 40px 20px !important; }
.about .box-title h3{ text-transform: uppercase; position: relative; z-index: 20; padding: 0px 20px; background: #f4f4f4; border-left: 1px solid #3f3f3f; border-right: 1px solid #3f3f3f; display: inline-block; }
.about .box-header .box-sidebar{ padding-left: 30px; padding-right: 30px; width: 109px; }
.about .box-header .box-sidebar a{ color: #a48ab2; font-family: 'cherokee'; font-size: 20px; line-height: 20px; }
.about .box-content{ border-bottom: 2px solid #3f3f3f; }
.about .box-container{ border-bottom: 1px solid #3f3f3f; margin-bottom: 1px; position: relative; }
.about .about1{ background: url('images/about1.png') no-repeat; height: 240px; padding: 60px 0px; text-align: center; background-size: 100% 100%; }
.about .about1 h1{ color: #3f3f3f; font-size: 24px; line-height: 24px; margin-bottom: 10px; }
.about .about1 p{ color: #3f3f3f; font-size: 18px; width: 560px; display: inline-block; margin: 0 auto; }
.about .bx-prev, .about .bx-next{ text-indent: -999px; position: absolute; top: 130px; display: inline-block; width: 30px; height: 60px; background: url('images/arrow.png') no-repeat; }
.about .bx-next{ right: 30px; -moz-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
.about .bx-prev{ left: 30px; }
.about .about2{ background-color: #d2c7ba; height: 360px; position: relative; }
.about .about2 .nav-description{ z-index: 100; background: #fff; position: absolute; bottom: 30px; width: 100%; }
.about .about2 .nav-description p{ float: left; width: 100%; margin: 5px 0px; padding: 7px 0px; text-align: center; font-size: 17px; color: #3f3f3f; border-top: 1px solid #656565; border-bottom: 1px solid #656565; }
.about2 .bx-wrapper{ width: 100% !important; }
.about2 .bx-window{ width: 100% !important; }
.about .person{ margin-left: 45px; }
.about .person img{ cursor: pointer; }

.about .popup-layout{ position: absolute; top: 0px; left: 0px; z-index: 99; display: none; width: 100%; height: 100%; }
.about .popup{ z-index: 100; display: none; text-align: center; position: absolute; top: 40px; left: 50%; margin-left: -25%; padding: 30px 60px; width: 390px; height: 200px; background: rgba(255,255,255,0.9); }
.about .popup .close{ cursor: pointer; color: #3f3f3f; font-size: 30px; position: absolute; top: 0px; right: 7px; }
.about .popup h2{ color: #3f3f3f; font-size: 21px; line-height: 21px; }
.about .popup hr{ margin: 10px; border: none; border-bottom: 1px solid #8e8e8e; }
.about .popup p{ font-size: 16px; font-family: 'quaver-sans'; color: #3f3f3f; margin: 0px 10px; }
.about .popup .subtitle{ color: #a48ab2; font-size: 18px; margin: 0px; }

.about .socmed{ margin-left: 130px; }
.about .socmed li{ float: left; margin-right: 5px; }
.about .socmed li:nth-last-child(1){ margin-right: 0px; }
.about .socmed a{ background: url('images/socmed.png') no-repeat; width: 25px; height: 26px; display: inline-block; }
.about .socmed .fb{ background-position: 0px 0px; }
.about .socmed .twitter{ background-position: -29px 0px; }
.about .socmed .pinterest{ background-position: -60px 0px; }
.about .socmed .rss{ background-position: -90px 0px; }
.about .socmed .vimeo{ background-position: -121px 0px; }

.category-portfolio .content{ margin-top: 80px; }
.portfolio .portfolio-nav{ z-index: 100; -webkit-border-radius: 0px 0px 75px 75px; border-radius: 0px 0px 75px 75px; background: #fff; -webkit-box-shadow:  0px 2px 5px 0px rgba(92, 92, 92, 0.75); box-shadow:  0px 2px 5px 0px rgba(92, 92, 92, 0.75); padding: 20px 0px; height: 15px; width: 1135px; margin: 0 auto; position: fixed; left: 50%; margin-left: -568px; top: 125px; }
.portfolio .portfolio-nav ul li{ text-transform: uppercase; padding: 3px 0px 2px; font-size: 12px; cursor: pointer; float: left; border: 1px solid #967ca6; margin-right: 10px; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; width: 130px; text-align: center; color: #5c5c5c; }
.portfolio .portfolio-nav ul li.active{ background: #967ca6; color: #fff; }
.portfolio .portfolio-nav ul li:not(.active):hover{ background: #E9E9E9; }
.portfolio .portfolio-nav ul li:nth-last-child(1){ margin: 0px; }
.portfolio .portfolio-nav-container{ width: 850px; margin: 0 auto; }
.portfolio .portfolio-box hr{ border-top: 2px solid #3f3f3f; border-bottom: 1px solid #3f3f3f; margin-bottom: 15px; margin-top: 15px; height: 1px; }
.portfolio .container{ width: 910px; //margin-top: 65px; }
.portfolio .item-container{ clear: both; padding-bottom: 60px; }
.portfolio .item{ width: 215px; margin: 5px; float: left; }
.portfolio .item img{ max-width: 215px; }
.portfolio .item .description{ opacity: 0; position: absolute; top: 0px; left: 0px; z-index: 99; width: 100%; height: 100%; background: rgba(0,0,0,0.5); }
.portfolio .item .description-layout{ margin: 5px; border: 1px solid #fff; width: 183px; padding: 0px 10px; text-align: center; }
.portfolio .item .description h4{ margin-top: 35px; color: #fff; text-transform: uppercase; text-align: center; }
.portfolio .item .description p{ color: #fff; text-transform: uppercase; text-align: center; font-size: 12px; }
.portfolio .item .description hr{ border: none; border-bottom: 1px solid #fff; margin: 5px 0px; }
.portfolio .item .description-layout *{ position: relative; }

.portfolio .album-icons{ margin-top: 10px; background: url('images/album-icons.png') no-repeat; width: 20px; height: 21px; display: inline-block; margin-right: 5px; }
.portfolio .album-icons.icon-video{ background-position: 0px 0px; }
.portfolio .album-icons.icon-photo{ background-position: -24px 0px; }

.bx-slideshow li{ width: 560px; height: 375px; overflow: hidden; text-align: center; }
.bx-slideshow li img{ max-width: 560px; max-height: 375px; }
#colorbox, #cboxContent, #cboxLoadedContent, #cboxWrapper{ background: none !important; }
#colorbox .bx-prev, #colorbox .bx-next{ position: absolute; top: 175px; width: 35px; height: 50px; display: block; text-indent: -9999px; background: url('images/ss-arrow.png') no-repeat; }
#colorbox .bx-prev{ left: -50px; }
#colorbox .bx-next{ right: -50px; -moz-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -webkit-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -o-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1) rotate(180deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
#cboxClose{ background: url('images/close.png') no-repeat; width: 90px; height: 40px; top: 12px; right: 5px; }
#colorbox .bx-wrapper{ margin: 0 auto; }
#cboxLoadedContent{ border: 1px solid #979b98 !important; padding: 30px 0px; }
#colorbox p{ font-size: 15px; color: #fff; font-family: 'cherokee'; text-transform: uppercase; text-align: center; margin-top: 10px; }
#colorbox p span{ text-transform: normal; }
#cboxError{ border: none !important; color: #fff; text-align: center; }

#colorbox .track{ overflow: hidden; width: 450px; height: 270px; background-color: #fff; margin: 0 auto; padding: 60px 55px; }
#colorbox .track h5{ color: #5c5c5c; font-size: 11px; font-family: 'seganL'; }
#colorbox .track p{ color: #5c5c5c; margin-top: 15px; text-align: center; font-size: 11px; font-family: 'seganL'; }
#colorbox .track h2{ color: #5c5c5c; text-align: center; font-size: 21px; font-family: 'cherokee'; text-transform: uppercase; }
#colorbox .track hr{ width: auto; border: none; border-top: 2px solid #676767; border-bottom: 1px solid #676767; height: 1px; margin-bottom: 30px; }

.gotcolors{ z-index: 50; }
.slider-box .gotcolors{ top: 50% !important; z-index: 50; margin-top: -26%; }
.slider-box.current .gotcolors{ top: 25px !important; }